import Vue from 'vue'
import Router from 'vue-router'
import Index from '@/components/Index'
import Login from '@/components/Login'

import Demo from '@/components/Demo'
import Demo2 from '@/components/Demo2'

import ListPage from '@/components/ListPage'
import Todo from '@/components/Todo'

import Menus from '@/components/Menus'

import DemoApi from '@/components/DemoApi'
import City from '@/components/City'


Vue.use(Router)
const GetAuth = { template: '<div>GetAuth</div>' }

export default new Router({
  routes: [
    {
      path: '/',
      // name: 'HelloWorld',
      component: Index
    },
      {
          path: '/get-auth',
          // name: 'HelloWorld',
          component: GetAuth
      },
    {
      path: '/login',
      // name: 'HelloWorld',
      component: Login
    },
    {
      path: '/demo',
      component: Demo
    },
    {
      path: '/demo2',
      component: Demo2
    },
    {
      path: '/list',
      component: ListPage
    },
    {
      path: '/todo',
      component: Todo
    },
    {
      path: '/menus',
      component: Menus
    },
    {
      path: '/demo-apis',
      component: DemoApi
    },
    {
      path: '/city',
      component: City
    }
  ]
})
